<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
<div id="app" align="center">
    <template>
        <el-carousel indicator-position="outside" height="910px" width="500px" >
            <el-carousel-item v-for="item in imgs" :key="item" >
               <img :src="item">
            </el-carousel-item>
        </el-carousel>
    </template>
</div>


</body>
<!-- 引入组件库 -->
<script src="../js/vue.js"></script>
<script src="../plugins/elementui/index.js"></script>

<script>
   var app= new Vue({
        el:'#app',
        data:{
            imgs:['../img/325507.jpg','../img/325521.jpg','../img/325577.jpg']
        }
    })

</script>

</html>